<%@ page contentType="text/html; charset=UTF-8" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/css/sub_main.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/cloudApp/css/main.css">

<!-- <div class="main-content"> -->
    <div id="main-content-header">
    
    
    </div>
    <div class="app_grift">
    
    </div>
    <div class="app_ad">
       <div class="content clearfix">
       		    <h1>Guides that will help you get the most out of Evernote.</h1>
				<figure class="medium_promo">
					<a href="/zh-cn/hardware/fujitsu-scansnap">
						<div class="overlay">
								<div class="stage">
											<div class="copy">
												<h2>
													Up and Running
													<span>with Evernote</span>
												</h2>
												<p>For Mac or PC</p>
											</div>
								</div>
						
						</div>
						<div data-alt="" data-picture="data-picture">
						  <img alt="" src="cloudApp/images/promo.png"/>
						</div>
					</a>
				</figure>
				<figure class="medium_promo">
							<a href="/zh-cn/theme/schools">
								<div class="overlay"> 
									<div class="stage">
											<div class="copy">
												<h2>
													Up and Running
													<span>with Evernote</span>
												</h2>
												<p>For Mac or PC</p>
											</div>
										</div>
								</div>
								<div data-alt="" data-picture="data-picture">
								 <img alt="" src="cloudApp/images/promo.png"/>
								</div>
							</a>
						</figure>
			   </div>
    </div>
    
    <div class="app_kind">
	  <div class="content clearfix">
		 <article class="product_type_list">
				<header class="alt clearfix">
						<h1 class="title_apps">Mac</h1>
						<p class="all_link">
						 <a href="/zh-cn/apps/desktop/mac">View All</a>
						</p>
				</header>
				<ul class="apps_grid clearfix">
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
				</ul>
		</article>
	 </div> 
	 
</div> 
    <div class="app_promo">
        <div class="content">
			<section class="featured_products">
			<h1 class="invisible">Featured Apps</h1>
			<ul class="clearfix">
				<li>
				   <figure class="medium_promo">
				   		<a href="/zh-cn/theme/schools">
								<div class="overlay"> 
									<div class="stage">
											<div class="copy">
												<h2>Evernote Food</h2>
											</div>
										</div>
								</div>
								<div data-alt="" data-picture="data-picture">
								 <img alt="" src="cloudApp/images/SM_Food-2x_300_97_c1.png"/>
								</div>
							</a>
				   </figure>
				   
				   
				</li>
				<li>
				   <figure class="medium_promo">
				   		<a href="/zh-cn/theme/schools">
								<div class="overlay"> 
									<div class="stage">
											<div class="copy">
												<h2>Evernote Food</h2>
											</div>
										</div>
								</div>
								<div data-alt="" data-picture="data-picture">
								 <img alt="" src="cloudApp/images/SM_Food-2x_300_97_c1.png"/>
								</div>
							</a>
				   </figure>
				   
				   
				</li>
				<li>
				   <figure class="medium_promo">
				   		<a href="/zh-cn/theme/schools">
								<div class="overlay"> 
									<div class="stage">
											<div class="copy">
												<h2>Evernote Food</h2>
											</div>
										</div>
								</div>
								<div data-alt="" data-picture="data-picture">
								 <img alt="" src="cloudApp/images/SM_Food-2x_300_97_c1.png"/>
								</div>
							</a>
				   </figure>
				   
				   
				</li>
			</ul>
			</section>
		</div>
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
     <div class="app_kind">
	  <div class="content clearfix">
		 <article class="product_type_list">
				<header class="alt clearfix">
						<h1 class="title_apps">Mac</h1>
						<p class="all_link">
						 <a href="/zh-cn/apps/desktop/mac">View All</a>
						</p>
				</header>
				<ul class="apps_grid clearfix">
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
						<li>
							<a class="clearfix" href="/zh-cn/app/evernote/mac">
								<figure class="product_icon">
									<div data-alt="Evernote" data-picture="data-picture">
									 <img alt="Evernote" src="cloudApp/images/meshin_88_88_c1.png"/>
									</div>
								</figure>
								<h3>Evernote</h3>
								<p class="product_meta">生产力</p>
							</a>
						</li>
				</ul>
		</article>
	 </div> 
	 
</div> 